body{
    overflow-x:hidden
}
.all{
    max-width:7.5rem;
    margin: 0 auto;
    img{
        max-width:7.5rem;
    }
    .top{
        display:flex;
        height: 0.88rem;
        align-items:center;
        width: 100%;
        position:relative;
        font-size:.36rem;
        .top-top{
            display:flex;
            align-items:center;
            a{
                width: 1.5rem;
                display:flex;
                height: 100%;
                color:#333;
                align-items:center;
                .top-t{
                    width: .64rem;
                    height: .6rem;
                    background:url(../img/xiao/tow_icon.png) 0 0 ;
                }
                h2{
                    font-size:.32rem;
                    padding:0;
                    font-weight:400;
                }
            }
           
            .top-k{
                width: 4.7rem;
                text-align:center;
                line-height:0.88rem;
                height: 100%;
            }
        }
       
        .top-pic{
            width: 1.44rem;
            height: .88rem;
          .pic-img{             
              margin-top:.2rem;
              margin-left:.7rem;
              img{
                  width: 0.32rem;
                  height: 0.32rem;
              }
            }
        }
        .show{
            position: absolute;
            top:.88rem;
            z-index:5;
            display:flex;
            display: none;
            right:0;
            flex-wrap:wrap;
            width: 2.3rem;
            font-size:.30rem;
            height: 3.4rem;
            background:rgba(255,255,255,0.9);
            a{
                height: 0.84rem;
                width: 2.3rem;
                padding-left: .2rem;
                display:flex;
                color:#333;
                align-items:center;
                border-bottom:.01rem solid #fff;
                img{
                    height: 0.35rem;
                }
                span{
                    margin-left:.3rem;
                }
            }
        }
    }
    .banner{
        display:flex;
        flex-direction:column;
        .img{
            width: 100%;
            height: 3rem;
        }
        .img1{           
            background:url(../img/xiao/1.jpg)no-repeat center/cover;
        }
        .img2{
            background:url(../img/xiao/2.jpg)no-repeat center/cover;
        }
        .img3{
            background:url(../img/xiao/3.jpg)no-repeat center/cover;
        }
    }
    .banner-foot{
        position:relative;
        .ban-img{
            height: 2.32rem;
            width: 100%;
            background:url(../img/xiao/4.jpg)no-repeat center/cover;
        }
        .ban-right{
            width: 2rem;
            height: 0.5rem;
            z-index:2;
            position: absolute;
            right:.2rem;
            bottom:0;
        }
        .ban-all{
            width: 100%;
            position:fixed;
            top:0;
            left:0;
            display: none;
            right:0;
            bottom:0;
            height: 14.34rem;
            z-index:5;
            background:rgba(0,0,0,.5);
            .ban-all-t{
                width: 6rem;
                height: 6rem;
                position: fixed;
                left:10%;
                top:30%;
                color:#fff;
                padding:.3rem;
                background-color:#fea200;
                .ban-all-k{
                    width: 100%;
                    height: 100%;
                    padding:.2rem;
                    background-color:#ea9404;
                    display:flex;
                    justify-content: center;
                    flex-wrap:wrap;
                    position:relative;
                    .hide{
                        font-size:.32rem;
                        width: 0.4rem;
                        height: 0.4rem;
                        border:.01rem solid #fff;
                        border-radius:50%;
                        text-align:center;
                        line-height:0.3rem;
                        font-style:normal;
                        position: absolute;
                        top:.05rem;
                        right:.05rem;

                    }
                    h2{
                        font-size:.30rem;
                    }
                    li{
                        font-size:.26rem;
                        letter-spacing:.02rem;
                        line-height:.4rem;
                    }
                }
            }
        }
    }
    .content{
        display:flex;
        justify-content:center;
        flex-wrap:wrap;
        .con-img{
            width: 7.5rem;
            height: 3.07rem;
            display:flex;
            justify-content:center;
            img{
                max-width:6.8rem;
            }
        }
        .con{
            width: 100%;
            height: 100rem;
            margin-top:.5rem;
           .k{
            background-color:#f8a120;
            .con-top{
                display:flex;
                flex-wrap:wrap;
                color:#fff;
                justify-content:center;
                h1{
                    width: 7.5rem;
                    text-align:center;
                    padding:.5rem 0 .05rem 0;
                    font-size:.48rem;
                    font-weight:700;                  
                }
                p a{
                  color:#fff;
                }
                .con-first{
                    width: 5.5rem;
                    padding-left:.5rem;
                    text-align:center;
                }
            }
            ul{
                width: 100%;
                height: 1rem;
                display:flex;
                color:#fff;
                position:relative;
                .now{
                    position: absolute;
                    width: 6rem;
                    height:.02rem;
                    top:.83rem;
                    z-index:0;
                    background-color:#999;
                    left:.8rem;
                }
                li{
                    width: 0.3em;
                    height: 0.3em;
                    background-color:#333;
                    position: absolute;
                    z-index:2;
                    top:.8rem;
                  
                    div{
                        position: absolute;
                        width: 1rem;
                        text-align:center;
                        top:-.4rem;
                        left:-.48rem;
                    }
                }
                .now1{
                    left:.8rem;
                }
                .now2{
                    left:2rem;
                }
                .now3{
                    left:3.2rem;
                }
                .now4{
                    left:4.4rem;
                }
                .now5{
                    left:5.6rem;
                }
                .now6{
                    left:6.8rem;
                }
            }
            .con-banner{
                display:flex;
                width: 100%;
                height:5.5rem;
                flex-wrap:wrap;
                background-color:#f8a120;
                padding:.1rem .2rem .5rem .2rem;
                
                .left{
                    width: 32.394366%;
                    display:flex;
                    background-color:#fff;
                    flex-direction: column;
                    height: 5.03rem;
                    a{
                        width: 32.394366%;
                      
                        img{
                            width: 2.3rem;
                        }
                    }  
                    .left-t{
                        padding:0 .2rem;
                        display:flex;
                        width: 100%;
                        margin-top:.2rem;
                        flex-direction: column;
                        a{
                            color:#000;
                            width: 100%;
                        }
                        p{
                            color:#ad222c;
                            font-size:.26rem;
                            margin:.05rem 0;
                        }
                        .btn{
                            width: 1.9rem;
                            height: .6rem;
                            background-color:#f49600;
                            border-radius: .05rem;
                            text-align:center;
                            line-height:.6rem;
                            color:#fff;
                            margin-top:.2rem;
                           font-size:.26rem;
                        }
                        span{
                            position:relative;
                            width: .8rem;
                            font-weight:700;
                            font-size:.28rem;
                            margin-top:.05rem;
                        }
                        span i{
                           width: 100%;
                            height: 0.02rem;
                            position: absolute;
                            top:.18rem;
                            left:0;
                            background-color:#000;
                        }
                    }                 
                }
                .right{
                   margin-left: 0.1rem;
                   margin-right:0.1rem;
                }
            }
           }
            .con-t{
                margin:.5rem 0 .2rem 0;
            }
            .sale{
                background-color:#000;
                padding-bottom:.5rem;
                .sale-t{
                    text-align:center;
                    ul{
                        display:flex;
                        padding:0 .2rem;
                        flex-wrap:wrap;
                        justify-content:space-between;
                        li{
                            margin-bottom:.1rem;
                        }
                    }
                }
            }
            .sald{
               
                padding:.4rem .2rem 0 .2rem;
               .templet{
                    display:flex;
                    li{
                        width: 3.5rem;
                    }
                    li:nth-child(2){
                        margin-left:.1rem;
                        img:nth-child(1){
                            margin-bottom:.1rem;
                        }
                    }
                }
              
            }
            .through:last-child{
                margin-bottom:.4rem;
            }
            .through{
                a{
                    height: 3.85rem;
                    padding-bottom:0;
                    p{
                        font-size:.24rem;
                        color:#333;
                        padding:0;
                    }
                }
                p{
                    padding:0 .3rem;
                    font-size:.28rem;
                    color:#ad222c;
                }
                span{
                    padding:0 .3rem;
                    font-size:.28rem;
                    font-weight:700;
                    color:#333;
                    position:relative;
                    text-decoration:line-through;
                }   
                // .producode{
                //     display:flex;
                //     li{
                //         width:2.98rem;
                //         height:4.26rem;                   
                //         padding:0 .2rem;
                //         a img{
                //             width:2.6rem;
                //         } 
                //         a p{
                //             color:#333;
                //             font-size:.24rem;
                //         }                      
                //         p{
                //          padding:0;
                //          font-size:.28rem;
                //          color:#ad222c;
                //         }
                //         span{
                //             padding:0 .1rem;
                //             font-size:.32rem;
                //             font-weight:700;
                //             color:#333;
                //             position:relative;
                //             text-decoration:line-through;
                //         }                      
                //     }
                // }
            }
            
        }
    }
}